/*头部区域*/
header{
    height: 400px;
    background: url("../images/bj.jpg")no-repeat;
    background-size: 100%;
}
/*导航区域*/
nav{
    height: 60px;
    background-color: #6cc;
}
.navContent{
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    position: relative;
    /*overflow: hidden;*/
}
.navContent .dis {
    float: left;
    width: 12.5%;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    height: 60px;
    background-color:#6cc ;

}
.navContent li a{
    display: inline-block;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    transition: all 0.5s;
    text-decoration: none;
    padding: 0 6px;
    box-sizing: border-box;
}
.navContent .more{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000;
}
.navContent .more:hover ul{
    display: block;

}
.navContent .more ul{
    position: absolute;
    width: 100%;
    background-color: #fff;
    display: none;
}
.navContent .more ul li{
    margin-top: 10px;
    background-color: gray;
}
.navContent .select a{
    border-bottom: 4px solid #ffb670;
   background-color: #f15694;
}
.navContent li a:hover{
    border-bottom: 4px solid #ffb670;
    background-color: #f15694;
}


/*内容区域*/
#contentArea{
 background-color: gainsboro;
    padding-top:20px ;
}
#content{
    width: 1200px;
    margin: 0 auto;
}

#leftContent{
    width: 880px;
    height: 500px;
    background-color: mediumspringgreen;
    float: left;
}
#rightContent{
    width: 300px;
    height: 500px;
    float: right;
}
#login,#register,#loginSuccess{
    width: 100%;
    background-color: #fff;
    height: 300px;
    box-sizing: border-box;
    padding: 20px;
}
.title{
    border-bottom: 1px solid grey;
    font-size: 16px;
    line-height: 30px;
    position: relative;
}
.title a:after{
    position: absolute;
    content:"";
    width: 40px;
    height: 2px;
    background-color: #f15694;
    left: 0;
    bottom: -1px;
}
#login form input,#register form input{
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding-left: 36px;
}
#login form div,#register form div{
    margin: 10px 0;
}
#login .noRegister,#register .noRegister{
    text-align: right;
    font-size: 16px;
}
#login .noRegister a ,#register .noRegister a{
    text-decoration: underline;
    color: mediumspringgreen;
}

#login .login-user,#login .login-pwd,#register .register-user,#register .register-pwd,#register .register-confirmpwd{
    position: relative;
}
#login .login-user label,#login .login-pwd label,#register .register-user label,#register .register-pwd label,#register .register-confirmpwd label{
    position: absolute;
    left: 0;
    top:0;
    width: 34px;
    border-right:1px solid #cbcbcb;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
#loginSuccess{
    text-align: center;
}
#loginSuccess .headPortrait{
   width: 80px;
   height: 80px;
   border-radius: 50%;
    display: inline-block;
    border: 1px solid grey;
    padding: 5px;

}
#loginSuccess .headPortrait img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}


/*错误提示*/
#errPrompt,#loginErr{
   background-color: #f15694;
   line-height: 30px;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
}
/*错误提示*/


/*登录成功提示*/
#loginSuccess .userName{
    margin-top: 20px;
    font-size: 24px;
}
#loginSuccess{
    position: relative;
}
#logout{
    position: absolute;
    bottom: 10px;
    font-size: 16px;
}



